
                <!DOCTYPE html>
                <html lang="zh">
                <head>
                  <meta charset="UTF-8">
                  <meta name="viewport" content="width=device-width, initial-scale=1.0">
                  <title>注册页</title>
                  <style>
                    *,
                    *::before,
                    *::after {
                      box-sizing: border-box;
                      margin: 0;
                    }
                    .iframe-outer {
                      position: fixed;
                      top: 0;
                      left: 0;
                      bottom: 0;
                      right: 0;
                      display: flex;
                      justify-content: center;
                      background-color: #E0E0E0;
                    }
                    .iframe-wrapper {
                      width: 100%;
                      height: 100%;
                      margin: 0 auto;
                      transform-origin: center top;
                      flex-shrink: 0;
                    }
                    #dynamicIframe {
                      border: none;
                      width: 100%;
                      height: 100%;
                    }
                  </style>
                  <script>
                const width = 402
                const height = 874
                const resolutionRatio = width && height ? width / height : 1
                const pageNameMap = {
                  'splash_page': '启动页',
    'login_page': '登录页',
    'register_page': '注册页',
    'forgot_password_page': '忘记密码页',
    'main_account_home_page': '主账户首页',
    'associated_account_home_page': '关联账户首页',
    'personal_settings_page': '个人设置',
    'edit_profile_page': '编辑个人信息页',
    'change_password_page': '修改密码页',
    'account_management_page': '账户管理',
    'associated_account_detail_page': '关联账户详情',
    'edit_associated_account_page': '编辑关联账户页',
    'create_associated_account_page': '新建关联账户',
    'goal_list_page': '目标列表',
    'create_learning_goal_page': '创建学习目标',
    'create_life_goal_page': '创建生活目标',
    'learning_goal_detail_page': '学习目标详情',
    'edit_learning_goal_page': '编辑学习目标页',
    'life_goal_detail_page': '生活目标详情',
    'edit_life_goal_page': '编辑生活目标页',
    'plan_list_page': '计划列表',
    'create_study_plan_page': '创建学习计划',
    'study_plan_detail_page': '学习计划详情',
    'edit_study_plan_page': '编辑学习计划页',
    'goals_plans_dashboard_page': '目标计划看板',
    'comment_share_page': '点评分享页',
    'reward_management_page': '奖励管理',
    'my_plans_goals_page': '我的计划与目标',
    'wish_pool_page': '许愿池',
    'create_wish_page': '创建愿望页',
    'wish_detail_page': '愿望详情页',
    'points_level_title_page': '积分等级称号',
    'reward_history_page': '积分历史页',
    'notification_center_page': '通知中心'
                }
                function setIframeSize(w, h) {
                  const currentContainerRadio = w / h
                  let widthValue = w
                  let heightValue = h
                  let zoom = 1
                  if (currentContainerRadio > resolutionRatio) {
                    widthValue = h * resolutionRatio
                    heightValue = h
                  } else {
                    widthValue = w
                    heightValue = w / resolutionRatio
                  }
                  zoom = width ? widthValue / width : 1
                  return {
                    width: widthValue / zoom + 'px',
                    height: heightValue / zoom + 'px',
                    zoom,
                  }
                }
                function adjustIframeSize() {
                  const iframeWrapper = document.querySelector(".iframe-wrapper")
                  const { width, height, zoom } = setIframeSize(window.innerWidth, window.innerHeight)
                  iframeWrapper.style.height = height
                  iframeWrapper.style.width = width
                  iframeWrapper.style.transform = 'scale(' + zoom + ')'
                }
                function sanitizeFilename(name) {
                  return name.replace(/[\/:*?"<>|]/g, '_')
                }
                function handlePostMessage(event) {
                  if (!event.data) {
                    return
                  }
                  const { type, targetPageId } = event.data
                  const targetPageName = pageNameMap[targetPageId]
                  if (type === "iframeNavigation" && targetPageId && targetPageName) {
                    window.location.href = targetPageName + '.html'
                  }
                }
                window.addEventListener('message', handlePostMessage)
                window.onload = adjustIframeSize
                window.onresize = adjustIframeSize
                window.onunload = () => {
                  window.removeEventListener('message', handlePostMessage)
                }
              </script>
                </head>
                <body>
                  <div class="iframe-outer">
                    <div class="iframe-wrapper">
                      <iframe id="dynamicIframe" srcdoc='<html lang="简体中文" data-theme="business"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>注册</title>
    <link href="./assets/static/uxbot/daisyui@5.css" rel="stylesheet" type="text/css">
    <script src="./assets/static/uxbot/tailwind-browser@4.js"></script>
    <link href="./assets/static/uxbot/daisyui-themes.css" rel="stylesheet" type="text/css">
    <script src="./assets/3/3.1.1/iconify.min.js"></script>
    <style>
/* DaisyUI Theme Variables Customization for Learning Assistant App */
/* Based on the business theme with Material Design Dark Theme grey levels */
:root {
    /* 学习助手主题色彩定制 */
    --color-primary: rgba(59, 130, 246, 1); /* 学习主题蓝色 */
    --color-primary-content: rgba(255, 255, 255, 1);
    --color-secondary: rgba(99, 102, 241, 1); /* 辅助紫色 */
    --color-secondary-content: rgba(255, 255, 255, 1);
    --color-accent: rgba(34, 197, 94, 1); /* 成功绿色 */
    --color-accent-content: rgba(255, 255, 255, 1);
    --color-success: rgba(34, 197, 94, 1);
    --color-warning: rgba(251, 191, 36, 1);
    --color-error: rgba(239, 68, 68, 1);
    --color-info: rgba(59, 130, 246, 1);
    --color-base-100: rgba(38, 38, 38, 1); /* Material Design 深灰 */
    --color-base-200: rgba(30, 30, 30, 1);
    --color-base-300: rgba(23, 23, 23, 1);
    --color-base-content: rgba(248, 248, 248, 1);
    --radius-box: 0.75rem;
    --radius-field: 0.5rem;
}

/* 移动端安全区域适配 */
.safe-area-top {
    padding-top: env(safe-area-inset-top, 24px);
}

.safe-area-bottom {
    padding-bottom: env(safe-area-inset-bottom, 80px);
}

/* 底部导航栏样式 */
.bottom-dock {
    height: 64px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* 顶部导航栏样式 */
.top-navbar {
    height: 56px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* 触摸目标最小尺寸 */
.touch-target {
    min-width: 44px;
    min-height: 44px;
}

/* 卡片样式 */
.learning-card {
    border-radius: var(--radius-box);
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* 动画过渡 */
.smooth-transition {
    transition: all 0.2s ease-in-out;
}

/* 积分等级样式 */
.points-badge {
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    color: var(--color-primary-content);
    border-radius: var(--radius-field);
}

/* 目标完成度进度条 */
.goal-progress {
    height: 8px;
    border-radius: 4px;
    background: var(--color-base-200);
    overflow: hidden;
}

.goal-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--color-success), var(--color-accent));
    transition: width 0.3s ease-in-out;
}

/* 任务提醒面板 */
.task-reminder-panel {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: transform 0.3s ease-in-out;
}

.task-reminder-panel.hidden {
    transform: translateY(100%);
}
</style>
    <style>
body {
    background: linear-gradient(180deg, var(--color-base-200), var(--color-base-300));
}

.tab-active {
    color: var(--color-primary-content) !important;
    background-color: var(--color-primary);
}

.input:focus-within input:not(:placeholder-shown) + .btn,
.input input:not(:placeholder-shown) + .btn:focus {
    visibility: visible;
}
</style>
<script src="./assets/static/uxbot/25_6/holder.js"></script></head>
<body class="bg-base-300 text-base-content min-h-screen flex flex-col">

    <section id="TopTitleBar" class="bg-base-200/80 backdrop-blur-lg fixed top-0 left-0 right-0 z-10 safe-area-top">
        <div class="navbar top-navbar">
            <div class="navbar-start">
                <button class="btn btn-ghost btn-circle touch-target" onclick="navigateTo(&#39;login_page&#39;)">
                    <span class="iconify text-base-content" data-icon="heroicons:arrow-left" data-width="24"></span>
                </button>
            </div>
            <div class="navbar-center">
                <h1 class="text-lg font-semibold">注册</h1>
            </div>
            <div class="navbar-end w-12">
            </div>
        </div>
    </section>

    <main class="flex-grow flex flex-col pt-16 px-6 pb-8">
        
        <section id="RegisterForm" class="flex-grow flex flex-col">
            <div class="flex flex-col gap-6 mt-4">
                <div role="tablist" class="tabs tabs-boxed bg-base-100">
                    <a role="tab" class="tab flex-1 tab-active" data-tab="phone">手机号注册</a>
                    <a role="tab" class="tab flex-1" data-tab="email">邮箱注册</a>
                </div>

                <div>
                    <div class="flex flex-col gap-4" data-tab-content="phone">
                        <label class="input input-bordered flex items-center gap-3">
                            <span class="iconify text-base-content/70" data-icon="heroicons:device-phone-mobile"></span>
                            <input id="phone-number" type="tel" class="grow" placeholder="请输入手机号">
                            <button type="button" class="btn btn-ghost btn-circle btn-sm invisible" onclick="clearInput(&#39;phone-number&#39;)">
                                <span class="iconify" data-icon="heroicons:x-circle-16-solid"></span>
                            </button>
                        </label>

                        <div class="grid grid-cols-3 gap-3">
                            <label class="input input-bordered flex items-center gap-3 col-span-2">
                                <span class="iconify text-base-content/70" data-icon="heroicons:shield-check"></span>
                                <input id="phone-code" type="text" class="grow" placeholder="短信验证码">
                            </label>
                            <button id="get-phone-code-btn" class="btn btn-outline btn-secondary" onclick="getVerificationCode(&#39;phone&#39;)">获取验证码</button>
                        </div>

                        <label class="input input-bordered flex items-center gap-3">
                            <span class="iconify text-base-content/70" data-icon="heroicons:key"></span>
                            <input id="phone-password" type="password" class="grow password-input-strength" placeholder="设置密码 (6-20位)">
                            <button type="button" class="btn btn-ghost btn-circle btn-sm" onclick="togglePasswordVisibility(&#39;phone-password&#39;)">
                                <span class="iconify" data-icon="heroicons:eye"></span>
                            </button>
                        </label>
                        
                        <label class="input input-bordered flex items-center gap-3">
                            <span class="iconify text-base-content/70" data-icon="heroicons:key"></span>
                            <input id="phone-confirm-password" type="password" class="grow" placeholder="确认密码">
                        </label>
                    </div>

                    <div class="flex flex-col gap-4 hidden" data-tab-content="email">
                        <label class="input input-bordered flex items-center gap-3">
                            <span class="iconify text-base-content/70" data-icon="heroicons:envelope"></span>
                            <input id="email-address" type="email" class="grow" placeholder="请输入邮箱地址">
                             <button type="button" class="btn btn-ghost btn-circle btn-sm invisible" onclick="clearInput(&#39;email-address&#39;)">
                                <span class="iconify" data-icon="heroicons:x-circle-16-solid"></span>
                            </button>
                        </label>

                        <div class="grid grid-cols-3 gap-3">
                            <label class="input input-bordered flex items-center gap-3 col-span-2">
                                 <span class="iconify text-base-content/70" data-icon="heroicons:shield-check"></span>
                                <input id="email-code" type="text" class="grow" placeholder="邮箱验证码">
                            </label>
                            <button id="get-email-code-btn" class="btn btn-outline btn-secondary" onclick="getVerificationCode(&#39;email&#39;)">获取验证码</button>
                        </div>

                        <label class="input input-bordered flex items-center gap-3">
                            <span class="iconify text-base-content/70" data-icon="heroicons:key"></span>
                            <input id="email-password" type="password" class="grow password-input-strength" placeholder="设置密码 (6-20位)">
                            <button type="button" class="btn btn-ghost btn-circle btn-sm" onclick="togglePasswordVisibility(&#39;email-password&#39;)">
                                <span class="iconify" data-icon="heroicons:eye"></span>
                            </button>
                        </label>

                        <label class="input input-bordered flex items-center gap-3">
                            <span class="iconify text-base-content/70" data-icon="heroicons:key"></span>
                            <input id="email-confirm-password" type="password" class="grow" placeholder="确认密码">
                        </label>
                    </div>
                </div>

                <div class="text-xs text-base-content/70 mt-2">密码强度：<span id="password-strength-text" class="font-medium">未知</span></div>

                <div class="mt-4">
                    <button class="btn btn-primary w-full" onclick="handleRegister()">注册</button>
                </div>
            </div>

            <div class="flex-grow"></div>

            <section id="AgreementAndLoginPrompt" class="mt-8 mb-4">
                 <div class="form-control">
                    <label class="label justify-center cursor-pointer gap-2 py-0">
                        <input id="agreement-checkbox" type="checkbox" class="checkbox checkbox-primary checkbox-sm">
                        <span class="label-text text-xs text-base-content/70">
                            我已阅读并同意
                            <a class="link link-primary" onclick="navigateTo(&#39;terms_of_service_page&#39;)">《用户协议》</a>
                            和
                            <a class="link link-primary" onclick="navigateTo(&#39;privacy_policy_page&#39;)">《隐私政策》</a>
                        </span>
                    </label>
                </div>
                <div class="text-center text-sm mt-4 text-base-content/70">
                    已有账号？
                    <a class="link link-primary font-medium" onclick="navigateTo(&#39;login_page&#39;)">去登录</a>
                </div>
            </section>
        </section>
    </main>

    <div data-section-id="common_modal" data-section-type="common_section">
    <dialog id="global-modal" class="modal">
        <div class="modal-box bg-base-200">
            <h3 class="font-bold text-lg modal-title">提示</h3>
            <div class="py-4 modal-content">
                <!-- 弹窗内容将动态插入到这里 -->
            </div>
            <div class="modal-action modal-actions">
                <button class="btn" onclick="document.getElementById(&#39;global-modal&#39;).close()">
                    关闭
                </button>
            </div>
        </div>
        <form method="dialog" class="modal-backdrop">
            <button>close</button>
        </form>
    </dialog>
</div>

<style>
[data-section-id="common_modal"] .modal-box {
    border-radius: var(--radius-box);
    border: 1px solid var(--color-base-content)/10;
}
</style>

<script>
(function() {
    // Modal功能已在common_script中定义
})();
</script>
    <div data-section-id="common_toast" data-section-type="common_section">
  <div id="global-toast-container" class="toast toast-top toast-center z-50">
    <!-- Toast消息将动态插入到这里 -->
  </div>
</div>

    <script>
(function() {
    // 全局命名空间
    window.APP_GLOBALS = window.APP_GLOBALS || {};
    
    // 全局导航函数
    window.navigateTo = function(targetPageId) {
        const isInIframe = window.self !== window.top;
        const targetFileName = `${targetPageId}.html`;
        
        if (isInIframe) {
            window.parent.postMessage({
                type: &#39;iframeNavigation&#39;,
                targetPageId: targetPageId
            }, &#39;*&#39;);
        } else {
            window.location.href = targetFileName;
        }
    };

    // 全局Toast通知系统
    window.showToast = function(message, type = &#39;info&#39;, duration = 3000) {
        const toastContainer = document.getElementById(&#39;global-toast-container&#39;);
        if (!toastContainer) return;

        const toast = document.createElement(&#39;div&#39;);
        toast.className = `alert alert-${type} shadow-lg`;
        
        const iconMap = {
            &#39;info&#39;: &#39;heroicons:information-circle&#39;,
            &#39;success&#39;: &#39;heroicons:check-circle&#39;,
            &#39;warning&#39;: &#39;heroicons:exclamation-triangle&#39;,
            &#39;error&#39;: &#39;heroicons:x-circle&#39;
        };
        
        toast.innerHTML = `
            <span class="iconify" data-icon="${iconMap[type] || iconMap.info}" data-width="20"></span>
            <span>${message}</span>
        `;
        
        toastContainer.appendChild(toast);

        // 自动移除
        setTimeout(() => {
            if (toast.parentNode) {
                toast.parentNode.removeChild(toast);
            }
        }, duration);
    };

    // 全局Modal系统
    window.showModal = function(title, content, buttons = []) {
        const modal = document.getElementById(&#39;global-modal&#39;);
        const modalTitle = modal.querySelector(&#39;.modal-title&#39;);
        const modalContent = modal.querySelector(&#39;.modal-content&#39;);
        const modalActions = modal.querySelector(&#39;.modal-actions&#39;);

        modalTitle.textContent = title;
        modalContent.innerHTML = content;

        // 清空并设置按钮
        modalActions.innerHTML = &#39;&#39;;
        buttons.forEach(button => {
            const btn = document.createElement(&#39;button&#39;);
            btn.className = `btn ${button.class || &#39;btn-primary&#39;}`;
            btn.textContent = button.text;
            btn.onclick = button.action || (() => modal.close());
            modalActions.appendChild(btn);
        });

        modal.showModal();
    };

    // 任务提醒面板控制
    window.taskReminderControl = {
        show: function(taskInfo) {
            const panel = document.querySelector(&#39;[data-section-id="common_task_reminder"]&#39;);
            if (panel) {
                panel.classList.remove(&#39;hidden&#39;);
                this.updateTask(taskInfo);
            }
        },
        hide: function() {
            const panel = document.querySelector(&#39;[data-section-id="common_task_reminder"]&#39;);
            if (panel) {
                panel.classList.add(&#39;hidden&#39;);
            }
        },
        updateTask: function(taskInfo) {
            const panel = document.querySelector(&#39;[data-section-id="common_task_reminder"]&#39;);
            if (panel &amp;&amp; taskInfo) {
                const titleEl = panel.querySelector(&#39;.task-title&#39;);
                const timeEl = panel.querySelector(&#39;.task-time&#39;);
                const subjectEl = panel.querySelector(&#39;.task-subject&#39;);
                
                if (titleEl) titleEl.textContent = taskInfo.title || &#39;即将开始任务&#39;;
                if (timeEl) timeEl.textContent = taskInfo.time || &#39;&#39;;
                if (subjectEl) subjectEl.textContent = taskInfo.subject || &#39;&#39;;
            }
        }
    };

    // 底部导航激活状态
    window.setActiveNavItem = function(pageId) {
        const navItems = document.querySelectorAll(&#39;[data-section-id="common_bottom_dock"] .dock-item&#39;);
        navItems.forEach(item => {
            item.classList.remove(&#39;text-primary&#39;, &#39;bg-primary/10&#39;);
            item.classList.add(&#39;text-base-content&#39;);
        });

        // 页面与导航项映射
        const navMapping = {
            &#39;main_account_home_page&#39;: &#39;home&#39;,
            &#39;associated_account_home_page&#39;: &#39;home&#39;,
            &#39;goal_list_page&#39;: &#39;goals&#39;,
            &#39;create_learning_goal_page&#39;: &#39;goals&#39;,
            &#39;create_life_goal_page&#39;: &#39;goals&#39;,
            &#39;plan_list_page&#39;: &#39;plans&#39;,
            &#39;create_study_plan_page&#39;: &#39;plans&#39;,
            &#39;goals_plans_dashboard_page&#39;: &#39;dashboard&#39;,
            &#39;points_level_title_page&#39;: &#39;points&#39;,
            &#39;reward_management_page&#39;: &#39;points&#39;,
            &#39;personal_settings_page&#39;: &#39;profile&#39;,
            &#39;account_management_page&#39;: &#39;profile&#39;
        };

        const activeNavId = navMapping[pageId];
        if (activeNavId) {
            const activeItem = document.querySelector(`[data-nav-id="${activeNavId}"]`);
            if (activeItem) {
                activeItem.classList.remove(&#39;text-base-content&#39;);
                activeItem.classList.add(&#39;text-primary&#39;, &#39;bg-primary/10&#39;);
            }
        }
    };

    // 用户类型检测 (可以根据实际登录状态来判断)
    window.getUserType = function() {
        // 这里应该根据实际的用户登录状态来判断
        // 暂时返回主账户类型作为默认值
        return APP_GLOBALS.userType || &#39;main_account&#39;;
    };

    // 积分更新函数
    window.updatePoints = function(points, level, title) {
        APP_GLOBALS.userPoints = points;
        APP_GLOBALS.userLevel = level;
        APP_GLOBALS.userTitle = title;
        
        // 更新页面中的积分显示
        const pointsElements = document.querySelectorAll(&#39;.user-points&#39;);
        pointsElements.forEach(el => {
            el.textContent = points;
        });
    };

    // 返回上一页函数
    window.handleBackNavigation = function() {
        if (window.history.length > 1) {
            window.history.back();
        } else {
            // 如果没有历史记录，根据用户类型跳转到对应首页
            const userType = getUserType();
            if (userType === &#39;main_account&#39;) {
                navigateTo(&#39;main_account_home_page&#39;);
            } else {
                navigateTo(&#39;associated_account_home_page&#39;);
            }
        }
    };
})();
</script>
    <script>
document.addEventListener(&#39;DOMContentLoaded&#39;, function() {
    const tabs = document.querySelectorAll(&#39;[role="tab"]&#39;);
    const tabContents = document.querySelectorAll(&#39;[data-tab-content]&#39;);

    tabs.forEach(tab => {
        tab.addEventListener(&#39;click&#39;, () => {
            const tabName = tab.getAttribute(&#39;data-tab&#39;);

            tabs.forEach(t => t.classList.remove(&#39;tab-active&#39;));
            tab.classList.add(&#39;tab-active&#39;);

            tabContents.forEach(content => {
                if (content.getAttribute(&#39;data-tab-content&#39;) === tabName) {
                    content.classList.remove(&#39;hidden&#39;);
                } else {
                    content.classList.add(&#39;hidden&#39;);
                }
            });
        });
    });

    window.togglePasswordVisibility = function(inputId) {
        const passwordInput = document.getElementById(inputId);
        const button = passwordInput.closest(&#39;label&#39;).querySelector(&#39;button&#39;);
        const icon = button.querySelector(&#39;.iconify&#39;);
        if (passwordInput.type === &#39;password&#39;) {
            passwordInput.type = &#39;text&#39;;
            icon.setAttribute(&#39;data-icon&#39;, &#39;heroicons:eye-slash&#39;);
        } else {
            passwordInput.type = &#39;password&#39;;
            icon.setAttribute(&#39;data-icon&#39;, &#39;heroicons:eye&#39;);
        }
    };
    
    window.clearInput = function(inputId) {
        const input = document.getElementById(inputId);
        if (input) {
            input.value = &#39;&#39;;
            input.focus();
            const clearBtn = input.closest(&#39;label&#39;).querySelector(&#39;.btn&#39;);
            if(clearBtn) clearBtn.classList.add(&#39;invisible&#39;);
        }
    };
    
    const inputsWithClear = [&#39;phone-number&#39;, &#39;email-address&#39;];
    inputsWithClear.forEach(id => {
        const inputElem = document.getElementById(id);
        if(inputElem){
            const clearBtn = inputElem.closest(&#39;label&#39;).querySelector(&#39;.btn&#39;);
            if(clearBtn){
                inputElem.addEventListener(&#39;input&#39;, () => {
                    clearBtn.classList.toggle(&#39;invisible&#39;, inputElem.value.length === 0);
                });
            }
        }
    });

    window.getVerificationCode = function(type) {
        let btn, input;
        if (type === &#39;phone&#39;) {
            btn = document.getElementById(&#39;get-phone-code-btn&#39;);
            input = document.getElementById(&#39;phone-number&#39;);
        } else {
            btn = document.getElementById(&#39;get-email-code-btn&#39;);
            input = document.getElementById(&#39;email-address&#39;);
        }

        if (!input.value) {
            window.showToast(type === &#39;phone&#39; ? &#39;请输入手机号&#39; : &#39;请输入邮箱地址&#39;, &#39;warning&#39;);
            return;
        }

        let countdown = 60;
        btn.disabled = true;
        btn.textContent = `${countdown}s`;

        const interval = setInterval(() => {
            countdown--;
            if (countdown > 0) {
                btn.textContent = `${countdown}s`;
            } else {
                clearInterval(interval);
                btn.disabled = false;
                btn.textContent = &#39;获取验证码&#39;;
            }
        }, 1000);
    };

    window.handleRegister = function() {
        const agreementCheckbox = document.getElementById(&#39;agreement-checkbox&#39;);
        if (!agreementCheckbox.checked) {
            window.showToast(&#39;请先阅读并同意用户协议和隐私政策&#39;, &#39;warning&#39;);
            return;
        }

        window.showToast(&#39;注册成功！正在跳转...&#39;, &#39;success&#39;, 2000);
        setTimeout(() => {
            navigateTo(&#39;main_account_home_page&#39;);
        }, 2000);
    };
    
    document.querySelectorAll(&#39;.password-input-strength&#39;).forEach(input => {
        input.addEventListener(&#39;input&#39;, (e) => {
            const strengthTextElem = document.getElementById(&#39;password-strength-text&#39;);
            const value = e.target.value;
            
            if (value.length === 0) {
                 strengthTextElem.textContent = &#39;未知&#39;;
                 strengthTextElem.className = &#39;font-medium&#39;;
            } else if (value.length < 6) {
                strengthTextElem.textContent = &#39;弱&#39;;
                strengthTextElem.className = &#39;font-medium text-error&#39;;
            } else if (value.length < 10) {
                strengthTextElem.textContent = &#39;中&#39;;
                strengthTextElem.className = &#39;font-medium text-warning&#39;;
            } else {
                strengthTextElem.textContent = &#39;强&#39;;
                strengthTextElem.className = &#39;font-medium text-success&#39;;
            }
        });
    });
});
</script>

<script>
    setTimeout(() => {
      Holder.run({
        domain: "placehold.co"
      })
    }, 100)
  </script></body></html>'></iframe>
                    </div>
                  </div>

                </body>
                </html>
            